毎日1人に2000ポイントが当たる楽天ブログラッキーくじ
>>
人気記事ランキング
ブログを作成
楽天市場
670598
ホーム
|
日記
|
プロフィール
【フォローする】
【ログイン】
☆ Sanctuary ☆ Smile for you
CURSOR属性
||
フリーページ一覧表へ戻る
||
フォントリストへ
||
◇◇◇◇◇
||
カーソル属性の使い方を覚えよう!!
カーソルの形状は通常は左上向きの矢印になってますが、
cursor
属性の指定でカーソルの形状を変えることができます。
カーソルの形状名と形状は次の表のようになっています。
形状名
形 状
default
標準(矢印型)
crosshair
十字型
pointer
リンク部分の上にある時の形状
move
移動可能であることを示す形状
text
テキスト選択用の形状
wait
処理中であることを示す形状
help
ヘルプを示す形状
n-resize
リサイズ可能:上方向
s-resize
リサイズ可能:下方向
w-resize
リサイズ可能:左方向
e-resize
リサイズ可能:右方向
ne-resize
リサイズ可能:右上方向
nw-resize
リサイズ可能:左上方向
se-resize
リサイズ可能:右下方向
sw-resize
リサイズ可能:左下方向
ここでは、テーブルの各セル内にカーソルを入れたときにカーソルの形状を変えて見ることにしましょう!
<table bgcolor="white" border="5" cellpadding="20" cellspacing="5" width="600" style="line-height:150%;">
<tr><td width="50%" style="cursor:default;">標準(矢印型)</td>
<td width="50%" style="cursor:crosshair;">十字型</td></tr>
<tr><td style="cursor:pointer;">リンク部分の上にある時の形状</td>
<td style="cursor:move;">移動可能であることを示す形状</td></tr>
<tr><td style="cursor:text;">テキスト選択用の形状</td>
<td style="cursor:wait;">処理中であることを示す形状</td></tr>
<tr><td style="cursor:help;">ヘルプを示す形状</td> <td> </td>
<tr><td bgcolor="palegreen" style="cursor:n-resize;">リサイズ可能:上方向</td>
<td bgcolor="palegreen" style="cursor:s-resize;">リサイズ可能:下方向</td></tr>
<tr><td bgcolor="plum" style="cursor:w-resize;">リサイズ可能:左方向</td>
<td bgcolor="plum" style="cursor:e-resize;">リサイズ可能:右方向</td></tr>
<tr><td bgcolor="khaki" style="cursor:ne-resize;">リサイズ可能:右上方向</td>
<td bgcolor="paleturquoise" style="cursor:nw-resize;">リサイズ可能:左上方向</td></tr>
<tr><td bgcolor="paleturquoise" style="cursor:se-resize;">リサイズ可能:右下方向</td>
<td bgcolor="khaki" style="cursor:sw-resize;">リサイズ可能:左下方向</td></tr>
</table>
こんな感じになります。↓↓ カーソルを各セル内に入れてみてください。
同じ色のところは見かけ上同じカーソル同士です。
標準(矢印型)
十字型
リンク部分の上にある時の形状
移動可能であることを示す形状
テキスト選択用の形状
処理中であることを示す形状
ヘルプを示す形状
リサイズ可能:上方向
リサイズ可能:下方向
リサイズ可能:左方向
リサイズ可能:右方向
リサイズ可能:右上方向
リサイズ可能:左上方向
リサイズ可能:右下方向
リサイズ可能:左下方向
いかがでしたでしょうか?
カーソルの形状は簡単に変えられることがわかったかと思います。
お試しになってみてください。
それでは、く( ̄Д ̄)ノガンバローーー♪
cursor属性
ジャンル別一覧
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・TV
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
人気のクチコミテーマ
X JAPAN!我ら運命共同体!
[楽譜] X JAPAN(エックス・…
(2023-11-07 22:13:21)
ラテンキューバン音楽
マンジュサレバの原曲を発見!!! …
(2024-04-14 01:06:40)
気になる売れ筋CD・DVD
A3! INNOCENT AUTUMN EP【楽天ブック…
(2024-05-08 09:10:07)
© Rakuten Group, Inc.